<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://struts.apache.org/tags-html-el" prefix="html" %> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://acegisecurity.org/authz" prefix="authz" %>
<%@ taglib uri="http://acegisecurity.org/authz" prefix="authz" %>

<html>	
	
<body style="text-align: center;">

	<script>
		
		function submitform() {
			document.forms[0].submit();
	
		}
	
	</script>


	<!-- Pagina jsp con la tabla y los javascript usados para la visualización y funcionamiento del Data Picker -->
	<jsp:include page="/jsp/utils/calendar.jsp" />
       	
	<h3><fmt:message key="buscar.marca.titulo"/></h3>

	<!-- Contenedor caja -->
    <html:form action="bAM?method=search" method="post">
    		    
    <div class="sizeForm">
	    <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
			<div class="contentb">
				<div>&nbsp;			
				
				<%-- En caso de que existan mensajes, los mostramos --%>
				<logic:messagesPresent message="true">
					<div class="mensajes">
						<html:messages id="message" message="true" header="messages.header" footer="messages.footer">
							<bean:write name="message" />
							<br />
						</html:messages>
					</div>				
				</logic:messagesPresent>
												
				<%-- En caso de que existan errores, los mostramos --%>
				<logic:messagesPresent>
					<div class="mensajesError">
						<html:errors/>
					</div>
				</logic:messagesPresent>
					
									
				<!-- fecha desde -->
				<div class="fieldwrapper">
					<label for="fechaDesde" class="styled250"><bean:message key="buscar.marca.label.fdesde" />:</label>
					<div class="thefield"> <html:text onclick="ds_sh(this);" property="fechaDesde" />*</div>
				</div>
				
				<!-- fecha hasta -->
				<div class="fieldwrapper">
					<label for="fechaHasta" class="styled250"><bean:message key="buscar.marca.label.fhasta" />:</label>
					<div class="thefield"> <html:text onclick="ds_sh(this);" property="fechaHasta" />*</div>
				</div>
				
				<!-- modalidad -->
				<div class="fieldwrapper">
					<label for="modalidad" class="styled250"><bean:message key="buscar.marca.label.modalidad" />:</label>
					<div class="thefield">					
						<html:select property="modalidad" >
							<html:option value="">...</html:option>
							<html:option value="H">H</html:option>
							<html:option value="K">K</html:option>
							<html:option value="M">M</html:option>
							<html:option value="N">N</html:option>
							<html:option value="R">R</html:option>
						</html:select>
					</div>
				</div>
				
				<!-- numero solicitud -->
				<div class="fieldwrapper">
					<label for="numSolicitud" class="styled250"><bean:message key="buscar.marca.label.num.solicitud" />:</label>
					<div class="thefield"> <html:text property="numSolicitud" /></div>
				</div>
				
				<!-- titular -->
				<div class="fieldwrapper">
					<label for="titular" class="styled250"><bean:message key="buscar.marca.label.titular" />:</label>
					<div class="thefield"> <html:text property="titular" /></div>
				</div>
				
				<!-- domicilio titular -->
				<div class="fieldwrapper">
					<label for="domicilioTitular" class="styled250"><bean:message key="buscar.marca.label.domicilio.titular" />:</label>
					<div class="thefield"> <html:text property="domicilioTitular" /></div>
				</div>
				
				<!-- representante -->
				<div class="fieldwrapper">
					<label for="representante" class="styled250"><bean:message key="buscar.marca.label.representante" />:</label>
					<div class="thefield"> <html:text property="representante" /></div>
				</div>
				
				<!-- domicilio representante -->
				<div class="fieldwrapper">
					<label for="domicilioRepresentante" class="styled250"><bean:message key="buscar.marca.label.domicilio.representante" />:</label>
					<div class="thefield"> <html:text property="domicilioRepresentante" /></div>
				</div>
				
				<!-- indicacion de colores -->
				<div class="fieldwrapper">
					<label for="indicacionColores" class="styled250"><bean:message key="buscar.marca.label.indicacion.colores" />:</label>
					<div class="thefield"> <html:text property="indicacionColores" /></div>
				</div>									

				&nbsp;</div>
				
			</div>
		<b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>

	
    	<div  class="contBotAlign" align="right">
              	<html:button styleId="buscar" property="buscar" styleClass="boton" onclick="submitform()" >&nbsp;<fmt:message key="button.buscar"/>&nbsp;</html:button>
                           	
              
     </div>
     </div>

	<table class="tabla">

		<thead class="cabeceraTabla">
			<tr>
				<th>F.PUBLICACION</th>
				<th>BOPI</th>
				<th>PUBLICACION</th>
				<th>NUM SOLICITUD</th>
				<th>DENOMINACION</th>
				<th>MODALIDAD</th>
				<th></th>
			</tr>
		</thead>

		<tbody class="scrollTabla">

			<c:forEach items="${lstMarcas}" var="marca">

				<tr>
					<td><fmt:formatDate value="${marca.bopi.fechaPublicacion}" pattern="dd-MM-yyyy"/></td>
					<td><c:out value="${marca.bopi.nombre}"></c:out></td>
					<td><c:out value="${marca.publicacionId}"></c:out></td>
					<td><c:out value="${marca.p21NumSolicitud}"></c:out></td>
					<td><c:out value="${marca.denominacion}"></c:out></td>
					<td><c:out value="${marca.modalidad}"></c:out></td>
					<td>				
						<html:link action="vM?method=searchMarca&idMarca=${marca.idMarca}">
							VER
						</html:link>
					</td>
				</tr>

			</c:forEach>

		</tbody>

	</table>


	</html:form>
			      	





</body>
</html>